// const { default: icons } = require("@/icons");
const { defineConfig } = require("@vue/cli-service");
// const { resolve } = require("core-js/fn/promise");

const path = require('path')
function resolve(dir) {
    return path.join(__dirname,dir)
}

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  css: {
    loaderOptions: {
      sass: {
        // 加载css之前，先执行sass
        additionalData: `
        @import '@/assets/scss/variable.scss';
        @import '@/assets/scss/mixin.scss';
        `,
      },
    },
  },
  chainWebpack(config) {
    // 设置svg-sprite-loader
    // 将处理svg的loader添加exclude,表示不需要使用该loader处理icon。
    config.module.rule("svg").exclude.add(resolve("src/icons")).end();
    config.module.rule('icons').test(/\.svg$/).include.add(resolve('src/icons')).end().use( 'svg-sprite-loader ').loader("svg-sprite-loader").options({//指定symbolId不指定则默认为svg文件名识别到icon-user回去找user.svg
      symbolId: 'icon-[name]'
    }).end()
  },
  devServer: {
    proxy:'http://localhost:5252'
  }
});
